#login {
  background: #eee url('/login/images/login/bg.jpg') no-repeat;
  //background-size: 100% 40%;
  background-size: cover;
  height: 100%;
}

#center {
  position: absolute;
  background-color: #fff;
  background-size: 300px 300px;
  border-radius: 10px;
  height: 400px;
  top: calc(50% - 200px);
}

@media (min-width: 700px) {
  #center {
    background-image: url('/login/images/login/pic.png');
    background-repeat: no-repeat;
    background-position: 30px 30px;
    padding: 40px 30px 30px 350px;
    width: 700px;
    left: calc(50% - 350px);
  }
}

@media (max-width: 700px) {
  #center {
    background-size: 300px 300px;
    padding: 40px 30px;
    height: 400px;
    left: calc(50% - 150px);
  }
}

#title {
  font-size: 20pt;
  font-weight: bolder;
  margin-bottom: 50px;
}
